<!DOCTYPE html>
<html>
<head>
<s3:data name='CollDatas.headerScript' />
<s3:import type="css"></s3:import>
<title></title>
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-audio.css${data:buildversion}">
</head>
<body class="cmp-fullscreen">
    <header class="cmp-bar cmp-bar-nav head-style" style="display:none;">
          <a id="goAheadBtn" href="javascript:void(0)" class="cmp-pull-left left-btn">
              <span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
          <h1 class="cmp-title"><i18n key="collaboration.page.lable.Opinion"></i18n></h1>
    </header>
    <div class="cmp-content cmp-col-content cmp-content-none">
    
          <div id="tab_container" class="cmp-segmented-control cmp-segmented-control-inverted cmp-segmented-control-primary col new-tab-nav-count" style=" margin-bottom: 5px;">
              <a id="all_tab" class="cmp-control-item" href="#allComment">
                    <span class="title"><i18n key="collaboration.page.lable.all"></i18n> <!-- 全部 --></span>
                    <span id="all_Count" class="sub count_selector">0</span>
              </a>
              <a id="like_tab" class="cmp-control-item display_none" href="#likeComment">
                    <span class="title"><i18n key="collaboration.page.lable.like"></i18n><!-- 赞 --></span>
                    <span  id="like_Count" class="sub count_selector">0</span>
              </a>
              <a id="agree_tab" class="cmp-control-item" href="#agreeComment">
                   <span class="title"><i18n key="collaboration.page.lable.agree"></i18n><!-- 同意 --></span>
                    <span  id="agree_Count" class="sub count_selector">0</span>
              </a>
              <a id="disagree_tab" class="cmp-control-item" href="#disagreeComment">
                    <span class="title"><i18n key="collaboration.page.lable.disagree"></i18n><!-- 不同意 --></span>
                    <span  id="disagree_Count" class="sub count_selector">0</span>
              </a>
          </div>
          <div id="allComment" class="cmp-control-content white">
                <div id="allCommentScroller" class="cmp-scroll-wrapper cmp-active" style="position:absolute;">
                    <div class="cmp-scroll white">
                          <div class="attach-body">
                                <ul id="allCommentContainer" class="attach-list ">
                                </ul>
                          </div>
                    </div>
                </div>
            </div>
            <div id="likeComment" class="cmp-control-content white">
                <div id="likeCommentScroller" class="cmp-scroll-wrapper cmp-active" style="position:absolute;">
                    <div class="cmp-scroll white">
                          <div class="attach-body">
                                <ul id="likeCommentContainer" class="attach-list">
                                </ul>
                            </div>
                    </div>
                </div>
            </div>
            <div id="agreeComment" class="cmp-control-content white">
                <div id="agreeCommentScroller" class="cmp-scroll-wrapper cmp-active" style="position:absolute;">
                    <div class="cmp-scroll white">
                          <div class="attach-body">
                                <ul id="agreeCommentContainer" class="attach-list ">
                                </ul>
                            </div>
                    </div>
                </div>
            </div>
            <div id="disagreeComment" class="cmp-control-content white">
                <div id="disagreeCommentScroller" class="cmp-scroll-wrapper cmp-active" style="position:absolute;">
                    <div class="cmp-scroll white">
                          <div class="attach-body">
                                <ul id="disagreeCommentContainer" class="attach-list ">
                                </ul>
                            </div>
                    </div>
                </div>
            </div>
    </div>

<!-- cmp-bar  -->
<footer id="footer_btns" class="cmp-bar conmmon-b cmp-bar-footer back_white " style="display: none; height: 50px; ">
    <div id="handleBtns" class="cmp-block-with-btn conmmon-b handle_btn border_t">
        <button  id="deal_summary_btn" style="top:10px;padding:6px 12px;" type="button" class="cmp-btn cmp-btn-primary2 cmp-btn-width40"><i18n key="collaboration.page.lable.button.deal"></i18n></button>
        <a href="javascript:void(0)" id="deal_more_btn" type="button" class="cmp-btn cmp-icon see-icon-more"></a>
    </div>
    <div id="otherBtns" class="footer_handler_content border_t" style=" background-color: white;border: none; "></div>
</footer>
    <s3:data name='cordova' />
<s3:import type="js"></s3:import>
<s3:data name='CollDatas.i18nScript' />

<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
 <script src="${data:dependencies.cmp}/js/cmp-flowV5.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
 <script src="${data:dependencies.cmp}/js/cmp-zoom.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-emoji.js${data:buildversion}"></script>
<link rel="stylesheet" href="${data:dependencies.workflow}/css/wf.css${data:buildversion}"/>
<script src="<s3:data name='dependencies.collaboration'/>/js/details/deal.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.collaboration'/>/js/details/moreComment.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.workflow' />/js/wf.js${data:buildversion}"></script>

<!--附件-->
<script src="<s3:data name='dependencies.common_v5_path'/>/widget/SeeyonAttachment.s3js${data:buildversion}"></script>

<script type="text/html" id="other_btn_template">
<%
   for(var i = 0, len = this.length;i < len;i++){
      var btn = this[i];
%>
<a href="javascript:void(0)" <%=btn.attrs%> id="<%=btn.id%>">
  <!--<img id="<%=btn.id%>Img" src="<%=btn.img%>" alt="<%=btn.lable%>">-->
  <lable id="<%=btn.id%>Img" class="<%=btn.class%>"></lable>
  <lable id="<%=btn.id%>Lable"><%=btn.lable%></lable>
</a>
<%
}
%>
</script>
</body>
</html>